/**  
此文件不走 css modules，且会自动被引入，可以在这里写全局样式，以及做样式覆盖。
*/
@font-face {
  font-family: mon_text1;
  src: url('./assets/mon-font/HGMongolianBaiti.ttf');
}

@font-face {
  font-family: mon_text2;
  src: url('./assets/mon-font/MongolQaganTig.26cfe9a2.ttf');
}

@font-face {
  font-family: mongolianBaiTi;
  src: url('./assets/mon-font/MHR8200.ttf');
}

@font-face {
  font-family: mongolianHeiTi;
  src: url('./assets/mon-font/MHW8200.ttf');
}

@font-face {
  font-family: mongolianHaWang;
  src: url('./assets/mon-font/MQG8200.ttf');
}

.mongolianBaiTi { font-family: mongolianBaiTi; }
.mongolianHeiTi { font-family: mongolianHeiTi; }
.mongolianHaWang { font-family: mongolianHaWang; }

.mon_font { font-family: mon_text1; }

.mon_text1 { font-family: mon_text1; writing-mode: vertical-lr; }
.mongolian_old { font-family: mon_text1; writing-mode: vertical-lr; }
.haWang_old { font-family: mon_text1; writing-mode: vertical-lr; }
.sonin_old { font-family: mon_text1; writing-mode: vertical-lr; }
.haraTegsi_old { font-family: mon_text1; writing-mode: vertical-lr; }
.maoBi_old { font-family: mon_text1; writing-mode: vertical-lr; }

.mon_text2 { font-family: mon_text2; writing-mode: vertical-lr; }
.mongolian { font-family: mon_tex21; writing-mode: vertical-lr; }
.haWang { font-family: mon_text2; writing-mode: vertical-lr; }
.sonin { font-family: mon_text2; writing-mode: vertical-lr; }
.haraTegsi { font-family: mon_text2; writing-mode: vertical-lr; }
.maoBi { font-family: mon_text2; writing-mode: vertical-lr; }

.fs_18 { font-size: 18px !important; }

.ant-table-tbody > tr > td {
  max-width: 600px !important;
  overflow-x: auto !important;
}

.DraftList { height: 100% !important; }

#root {
  height: 100%;
}

.BasicContent {
  height: 100%;
  background: #f0f2f5;
  padding:0 24px;

  .main {
    background: #ffffff;
    padding: 24px;

    .headerBtn {
      margin-bottom: 24px;
    }
  }
}

.header {
  width: 100%;
  // border-bottom: 1px solid #e8e8e8;
  background-color: #f2f2f2;
  padding: 15px 0px 0px 30px;
}

.red {
  color: #f5222d;
}
.main {
  background-color: #ffffff;
  height: 100%;
  // min-height: 100vh;

  .ant-tabs { height: 100%;
    .ant-tabs-content { height: 100%; }
  }
  
}
li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.65) !important;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  display: none;
}
.dt_drawer {
  .card {
    width: 300px;
  }
}

.hide {
  display: none !important;
}

.DetailTemplate {
  .card {
    // cursor: pointer;
    position: relative;
    margin-bottom: 20px;
    border-radius: 10px;
    .img {
      width: 100%;
      height: 300px;
    }

    .bg {
      opacity: 0;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      border-radius: 10px;
    }

    .action {
      position: relative;
      top: 50%;
      margin-top: -16px;
      text-align: center;
      display: flex;
      justify-content: space-evenly;
    }
  }

  .card:hover {
    .bg {
      transition: 0.3s;
      opacity: 0.9;
      background: rgba(0, 0, 0, 0.65);
    }
  }
}

.TreeComp {
  .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
    background-color: #ffffff !important;
  }
  .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected .tree_title {
    background-color: #bae7ff;
    padding: 2px;
    border-radius: 4px;
  }
  .ant-tree li .ant-tree-node-content-wrapper:hover {
    background-color: #ffffff !important;
  }
}

.noteList {
  text-align: center;
  line-height: 500px;
  width: 100%;
  font-size: 24px;
}

.TreeComp {
  .ant-tree {
    > li {
      .ant-tree-title {
        max-width: 150px;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
      }
      ul li .ant-tree-title {
        max-width: 135px;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
      }
    }
  }
}

.ant-select-tree {
  > li {
    .ant-select-tree-title {
      max-width: 100%;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
    }
    ul li .ant-select-tree-title {
      max-width: 100%;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
    }
  }
}
::-webkit-scrollbar-track-piece {
  -webkit-border-radius: 0
}

::-webkit-scrollbar {
  width: 5px;
  height: 10px
}

::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: #b8b8b8;
  -webkit-border-radius: 6px;
  outline-offset: -2px;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5
}

::-webkit-scrollbar-thumb:hover {
  height: 50px;
  background-color: #878987;
  -webkit-border-radius: 6px
}